<template>
	<view>
		<searchTemp></searchTemp>
		<view class="block-box">
			<view class="block">
				<view class="block-title-box">
					<view class="block-title">
						<view class="text">
							我的组合
						</view>
						<view class="uni-icon-more">
							<view class="more">
								更多
							</view>
							<label class="iconfont arrow">&#xe640;</label>
						</view>
					</view>

				</view>

			</view>
			<view class="zuhe-item" v-for="(item,index) in lists" >
				<view class="zuhe-miaoshu" @click="toLcsZuhexiangqing">
					{{item.summary}}
				</view>
				<view class="zuhe-image-box">
					<image class="zuhe-image" :src="item.cover" mode=""></image>
				</view>
				<view class="zuhe-delete" @click="deleteItem(index)">
					<image class="zuhe-delete-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.3.2-%E6%88%91%E7%9A%84%E7%BB%84%E5%90%88/android/drawable-xhdpi/shanchu.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import searchTemp from "../../../../components/search-temp.vue";
	export default {
		components: {
			searchTemp,

		},
		data() {
			return {
				lists: [{

						"id": 75408,
						"summary": "葛优在《甲方乙方》结尾说1997年就要结束了，我很怀念。",
						"cover": "https://pic.36krcnd.com/201811/21055833/9f29w57lh2uwzfow!heading"
					},
					{
						"id": 75409,
						"summary": "特斯拉当下面临的最大问题是，该公司能否兑现马斯克许下的承诺？",
						"cover": "http://krplus-pic.b0.upaiyun.com/201603/22055321/cg0huhoojxi0iipw.jpg!480"

					},
					{
						"id": 75407,
						"summary": "天风证券宋雪涛发现，在4月-9月期间，有202万个就业招聘广告消失，其中二线城市及中小企业降的最多最快。",
						"cover": "http://krplus-pic.b0.upaiyun.com/201603/22055321/cg0huhoojxi0iipw.jpg!480"

					}
				]

			};
		},
		methods:{
			deleteItem(index){
				this.lists.splice(index,1)
			},
			toLcsZuhexiangqing(){
				uni.navigateTo({
					url: './lcs-zuhexiangqing/lcs-zuhexiangqing',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
		
	}
</script>

<style>
	.block-box {
		margin-bottom: 20upx;
		background: #fff;
	}

	.block {
		display: flex;
		flex-direction: column;
		padding: 0 32upx;
		

	}

	.block-title-box {
		padding: 43upx 0 20upx;
	}

	.block-title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background: white;
		align-items: center;
		border-left: 8upx solid #cb9359;

	}

	.block-title .text {
		margin-left: 18upx;
		font-size: 16px;

	}

	.block-title .more {
		color: #999999
	}

	.block-content {
		width: 100%;

		padding-bottom: 30upx;
	}

	.arrow {

		margin-left: 10upx;
	}

	.uni-icon-more {
		display: flex;
		flex-direction: row;
		align-items: center
	}
	.zuhe-image{
		width: 100px;
		height: 80px;
		margin: 0 24upx 0 30upx;
	}
	.zuhe-delete-image{
		height: 18px;
		width: 18px;
		
	}
	.zuhe-item{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 30upx;
		min-height: 104px;
		border-bottom: 1px solid rgba(238,238,238,1);
	}
</style>
